@charset "utf-8";
/* CSS Document */
body { color: #808080; font: 13px "Microsoft Yahei"; background-color: #fff;}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,i,textarea,td,th { font-size: 13px; font-weight: normal;}

/*--  wrapper  --*/
.wrapper { width: 100%; min-width: 1200px; max-width: 1920px; margin: 0 auto; background-color: #fff; position: relative; overflow-x: hidden;}
a { color: #2f2f2f;}
a:hover { color: #275495; text-decoration: none;}
.mb30 { margin-bottom: 30px;}.mb50 { margin-bottom: 50px;}

/*--  background  --*/
.choose, .btn-search, .main-t .bg, .main-l ul li.cur, .main-r h2, .swiper-pagination span { background: url(../img/others.png) no-repeat;}

/*--  topBar  --*/
.topBar { width: 100%; height: 89px; line-height: 89px; padding-bottom: 8px; background: url(../img/nav-bg.png) repeat-x bottom; position: relative; z-index: 5;}
.topNav { width: 1200px; height: 89px; margin: 0 auto;}
.logo { display: block; width: 170px; height: 89px; background: url(../img/logo.png) no-repeat top center; text-indent: -9999px; margin-right: 110px;}
.nav li { float: left; position: relative; z-index: 5;}
.nav a { display: block; width: 62px; height: 89px; text-align: center; padding: 0 21px; color: #2f2f2f; -webkit-transition: color 200ms; transition: color 200ms;}
.nav a.first { width: 28px;}
.nav a span { display: block; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 100%;}
.nav .bg { height: 0; background: #275495; z-index: 1; -webkit-transition: height 200ms; transition: height 200ms;}
.nav-choose { width: 181px; padding-left: 30px; height: 89px; border-left: 1px solid #e5e5e5;}
.nav-choose li { position: relative; float: left;}
.lan { display: block; padding: 0 10px; margin-right: 17px;}
.choose { display: block; width: 55px; padding-right: 30px; background-position: 75px -46px;}
.choose:hover { background-position: 75px -149px;}

/*--  nav-detail  --*/
.nav-detail, .nav-choose li p { height: 0; line-height: 60px; padding: 0 46px; position: absolute; top: 89px; left: 0; background: #4c4a4f; -webkit-transition: all 200ms; transition: all 200ms; overflow: hidden;}
.nav-detail a { display: block; width: auto; height: 60px; padding: 0 12px; float: left; color: #fff;}
.nav-detail a:last-child { padding-right: 0;}
.nav-detail a:visited { color: #fff;}
.nav-detail a:hover { text-decoration: underline;}
.nav-detail02 { width: 480px; *width: 520px;}
.nav-detail03 { width: 1140px;}
.nav-detail04 { width: 320px; *width: 350px;}
.nav-detail05 { width: 420px; *width: 450px;}
.nav-detail06 { width: 330px; *width: 360px;}
.nav-detail07 { width: 250px; *width: 280px;}
.nav-choose .nav-detail08 { width: 100px; left: -60px;}
.nav-choose .nav-detail09 { width: 130px; left: -40px; padding: 0;}
.nav-choose .nav-detail09 a { width: 100%; height: 32px; line-height: 32px; text-align: center; padding: 0;}
.nav-choose .nav-detail08 a { color: #fff;}
.nav-choose .nav-detail08 a:hover, .nav-choose .nav-detail08 a.on { color: #ff0000; text-decoration: none;}

/*--  focus  --*/
.focus { width: 1200px; height: 453px; margin: 0 auto; position: relative; margin-top: -8px; z-index: 4;}
.focus-box { width: 1920px; height: 453px; overflow: hidden; position: absolute; left: -360px; top: 0;}
.focus-box img { width: 1920px; height: 453px;}
.swiper-pagination { width: auto; position: absolute; bottom: 15px; left: auto; right: 430px;}
.swiper-pagination span { display: inline-block; width: 19px; height: 19px; background-position: -64px -15px; margin-right: 12px; opacity: 1; border-radius: 0; cursor: pointer;}
.swiper-pagination span.on { width: 42px; height: 19px; background-position: -9px -15px;}

/*--  mainCon  --*/
.mainCon { width: 1200px; margin: 0 auto; padding-top: }
.mainCon01 { width: 100%; height: 120px; padding-top: 20px; overflow: hidden;}
.mainCon02 { padding: 75px 0 60px 0; margin-right: -20px;}

/*----  maincon01  ----*/
/*-- bignews --*/
.bignews { width: 535px; margin-right: 30px;}
.bignews span { display: block; width: 510px; color: #808080; line-height: 26px;}
.bignews .title { width: 510px; height: 44px; font-size: 18px; color: #4b4b4b; line-height: 44px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

/*-- newsbox --*/
.newsbox { width: 350px; margin-right: 30px;}
.news-tit { width: 350px; height: 36px; border-bottom: 2px solid #dcdcdc; margin-bottom: 5px;}
.news-tit a { width: 58px; height: 36px; line-height: 36px; float: left; font-size: 14px; color: #4b4b4b; margin-right: 21px;}
.news-tit a.on { border-bottom: 2px solid #2074d3;}
.news-bg li a { display: block; width: 340px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; color: #808080; line-height: 26px;}
.news-bg li a:visited { color: #808080;}
.news-bg li a:hover { color: #2074d3;}

/*-- stock --*/
.stock { width: 240px;}
.stock h1 { color: #3f3f3f; font-size: 14px; }
.stock-num { height: 55px; position: relative; margin-top: 10px; margin-bottom: 18px; overflow: hidden;}
.stock .stock-num h2,.stock .stock-num h3 { display: block; float: left; color: #e62b1e;}
.stock .stock-num h2 { font: 48px/70px 'Agency FB';}
.stock .stock-num h3 { font: 20px/89px 'Agency FB';}
#stockMsg { clear: both;}
/*font*/
@font-face {font-family:"Agency FB"; src:url(../font/AgencyFB.ttf);}
@font-face {font-family:"Agency FB"; src:url(../font/agencyfb.otf);}

/*--------  mainCon02  --------*/
.mainCon02 a { display: block; width: 285px; height: 417px; overflow: hidden; float: left; color: #fff; position: relative;}
.mainCon02 a:visited { color: #fff;}
.mainCon02 a:hover { color: #fff;}
.mainCon02 span { display: block;}
.con02-img { width: 281px; height: 316px; padding: 0 2px 1px 2px;}
.con02-img img { width: 281px; height: 316px;}
.mainCon02 p { width: 255px; padding: 20px 15px; height: 60px; background: #158bdd; color: #ddd; font-size: 14px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.mainCon02 span { font-size: 22px; font-weight: bold; color: #fff;}
.mainCon02 .bg { position: absolute; left: 0; bottom: 0; z-index: 200; -webkit-transition: bottom 400ms; transition: bottom 400ms;}
#overlayBg { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 199; opacity: 0.6; filter: alpha(opacity=60); background: black; display: none; -webkit-transition: display 400ms; transition: display 400ms;}


/*--footer--*/
.footer { width: 100%; height: 122px; background: #fff; color: #51514e; font-family: SimSun; font-size: 12px; padding: 35px 0; border-top: 1px solid #cecece;}
.footer ul{ width: 1200px; margin: 0px auto}
.footer ul li { float: left; line-height: 24px; height: 96px; padding: 13px 25px; border-right: 1px dashed #ccc;}
.footer p { color:#787878;}
.footer p a { color:#787878;}
.footer p a:visited { color:#787878;}
.footer p a:hover { text-decoration: underline;}
.footer p span { color: #00a0e6;}
.wechat-box p span { display: block; text-align: center; color: #787878;}
.wechat-box img { width: 80px; height: 80px;}
.footer .search-box { padding-right: 0; border-right: 0;}
.search-box h4 { font-weight: bold;}
.search-box p { line-height: 160%;}
.select-box { display: block; width: 65px; height: 24px; padding-left: 4px; margin-top: 2px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; outline: none; position: relative;appearance:none; -moz-appearance:none; -webkit-appearance:none;background: url(../img/select-bg.jpg) no-repeat scroll right center transparent; color: #444;}
select::-ms-expand { display: none; }
.input-box { display: block; width: 72px; height: 28px; line-height: 28px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 5px; border-radius: 5px; outline: none; padding-left: 4px;}
.form-search { margin-top: 5px;}
.btn-search { display: block; width: 54px; height: 30px; text-indent: -9999px; background-position: -3px -256px; -moz-border-radius: 4px; -webkit-border-radius: 5px; border-radius: 5px; outline: none; margin-left: 5px; background-color: #fff;}
.btn-search:hover {  background-position: -3px -297px;}

/*-------------   gamenews.html  --------------*/
.head-img { width: 1200px; height: 268px; margin: 0 auto; position: relative; margin-top: -8px; z-index: 4;}
.img-detail { width: 1920px; height: 268px; overflow: hidden; position: absolute; left: -360px; top: 0;}
.img-detail img { width: 1920px; height: 268px;}

/*--  main-t  --*/
.main-t { width: 1150px; height: 52px; line-height: 52px; padding-right: 50px; text-align: right; color: #a5a5a5;}
.main-t span { display: inline-block; margin: 0 5px;}
.main-t a { color: #a5a5a5; font-family: SimSun; font-size: 12px;} .main-t a:visited { color: #a5a5a5;} .main-t a:hover { color: #000;}
.main-t .bg { display: inline-block; width: 14px; height: 50px; background-position: -2px -434px;}
 
/*--  main-l  --*/
.main-l { width: 203px; height: auto; min-height: 551px; padding-left: 15px; background: url(../img/ml-bg.jpg) no-repeat top right;}
.left-tit { width: 203px; height: 65px; border-bottom: 1px solid #003887;}
.left-tit span { display: block; font-size: 14px; padding-left: 19px; color: #333; line-height: 16px;}
.left-tit .zh { width: 152px; padding-bottom: 25px; font-size: 24px; line-height: 24px; border-bottom: 1px solid #dde5ed;}

.main-l ul { padding-top: 12px;}
.main-l ul li { padding-left: 51px; width: 152px; height: 50px; line-height: 50px; border-bottom: 1px solid #ededee;}
.main-l ul li:last-child { border: none;}
.main-l ul li a { color: #63666b; font-size: 14px;}
.main-l ul li.cur { background-position: 173px -487px;}
.main-l ul li.cur a { color: #5f9fde;}
.main-l ul li:hover a { color: #5f9fde;}
.main-l .bd li { text-align: right; padding: 0; width: 171px; background: none;}

/*--  main-r  --*/
.main-r { width: 850px; height: auto; padding-right: 24px;}
.main-r h2 { padding: 0 0 20px 49px; font-size: 24px; color: #333; height: 32px; line-height: 32px; background-position: -6px -368px;}
.main-r p { line-height: 22px; font-size: 12px; color: #a2a2a2;}

/*头条*/
.head-news { width: 848px; height: 226px; border: 1px solid #e3e3e3;}
.head-news-img { width: 311px; height: 214px; padding: 6px;}
.head-news-img img { width: 311px; height: 214px;}
.head-news-txt { width: 470px; padding: 19px 30px 0 0; height: 207px; position: relative;}
.head-news-txt h3 { width: 480px; height: 45px; line-height: 45px; font-size: 18px; color: #1d1d1d; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.head-news-txt p { height: 88px; overflow: hidden;}
.to-more { display: block; position: absolute; bottom: 40px; right: 46px; float: right; color: #fe0000; text-decoration: underline;}
.to-more:visited { color: #fe0000;}
.to-more:hover { color: #fe0000; text-decoration: none;}

/*列表*/
.main-r ul li { padding: 20px 0 10px 0; height: 68px; border-bottom: 1px dashed #e4e4e4;}
.news-list { min-height: 240px; padding-bottom: 50px;}
.main-r .date { width: 60px; height: 68px; text-align: center; color: #275495; font-size: 12px; line-height: 13px;}
.main-r .date span { display: block; font-size: 26px; line-height: 44px;}
.main-r .list-detail { display: block; width: 785px;}
.main-r .list-detail h3 { width: 765px; color: #1d1d1d; font-size: 16px; line-height: 24px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.main-r .list-detail:hover h3 { color: #275495;}
.main-r .list-detail p { height: 44px; overflow: hidden;}

/*页数*/
.pageList { width: 100%; height: 24px; text-align: center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; padding-bottom: 54px;}
.pageList a { display: inline-block; width: auto; height: 24px; line-height: 24px; padding: 0 6px; background: #6d5c55; margin-right: 10px; color: #fff;}
.pageList a:hover { background: #574842;}

/*-------------   news_details.html  --------------*/
.article-box { width: 850px; border-top: 1px solid #bbccda; padding-top: 30px;}
.article-box h3, .article-resouse { width: 820px; margin: 0 auto; text-align: center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.article-box h3 { height: 45px; line-height: 45px; font-size: 22px; color: #050505; border-bottom: 1px dotted #c8d1de;}
.article-box .article-resouse { height: 36px; line-height: 36px; font-size: 12px; color: #707070;}
.article-resouse span, .article-resouse a { margin: 0 10px; color: #707070;}
.article-resouse .time { margin-right: 5px;}
.article-resouse a:hover { color: #275495;}

/*article*/
.article { width: 850px; min-height: 200px; padding: 30px 0 48px 0;}
.article p { font-size: 14px; color: #707070; line-height: 24px;}
.article-img { margin: 20px 0;}
.article-box img { max-width: 840px;}

.main-r .link-other { width: 810px; height: 28px; padding: 0 20px; margin: 30px 0 44px 0; border: 1px dotted #ccc; border-left: none; border-right: none;}
.main-r .link-other li { width: 310px; height: 28px; line-height: 28px; padding: 0; text-align: center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; border: none;}
.main-r .text-l { text-align: left;} .main-r .text-r { text-align: right;}
.link-other span, .link-other a { color: #4e4e4e;}
.link-other a:hover { color: #275495;}

.to-top { display: block; float: right; padding-right: 20px; margin-bottom: 80px; color: #275495; text-decoration: underline;}
.to-top:hover { text-decoration: none;}

/*-----------about_powerleader------------*/
.main-r .power { min-height: 551px; padding-bottom: 100px; padding-left: 10px;}
.main-r .power p { line-height: 27px; font-size: 14px;}
.power01 h3 { border: none; padding-bottom: 25px; background: url(../img/power/power01-bg.jpg) no-repeat left bottom; text-align: left; color: #707070;}

.power03 p { line-height: 34px;}
.power03 h4 { width: 309px; height: 32px; line-height: 32px; color: #fff; font-size: 18px; background: #a6a6a6; position: relative; padding-left: 115px;}
.power03 h4 span { display: block; height: 32px; line-height: 32px; padding: 0 15px; background: #01458d; margin-right: 15px; font-size: 24px; font-weight: bold; position: absolute; top: 0; left: 0;}
.zhici { height: 390px;}
.zhici p { width: 445px;}
.zhici .article-img { margin: 0;}
.zhici .article-img img { width: 377px; height: 313px;}
.power03 p.indt { text-indent: 28px;}

.power04 { width: 845px; font-family: SimSun;}
.team{ width: 100%; height: 209px; margin-bottom: 10px; font-size: 12px;}
.team-img { width: 162px; height: 209px;}
.team-txt { width: 643px; height: 193px; padding: 14px 20px 0 12px; border: 1px solid #e8e8e8;} 
.team-txt h3 { font-size: 12px; color: #5f9fde; padding-left: 70px; position: relative; border-bottom: 1px dotted #c8d1de; height: 30px; line-height: 30px; margin-bottom: 10px; text-align: left; width: 570px;}
.team-txt h3 span { position: absolute; top: 0; left: 12px; font-size: 16px; color: #707070;} 
.wrapper .team-txt p { font-size: 12px; line-height: 20px;}
.team-txt p.indt { text-indent: 24px;}

.power05-img { width: 850px;}
.power05-img img { width: 100%;}

.power06 { padding-top: 0;}
.power06 p { text-indent: 28px; line-height: 28px;}
.power05-img, .power05-img img { width: 850px;}

/*-----------social_responsibility------------*/
.res-img, .res-img img { width: 377px; height: 414px;}
.res-txt { width: 453px; height: 414px; overflow: hidden;}
.res-txt h3 { font-size: 18px; color: #5f9fde; text-align: left; border: none; height: 30px; line-height: 30px;}

/*-----------Investor_relations------------*/
.investor { padding-left: 45px;}
.main-r .power .link-title { font-size: 27px; font-weight: bold; margin: 30px 0 5px 0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.dituContent {width:697px;height:550px;border:#ccc solid 1px;margin-top:35px;}

/*-----------group_business_bdtec------------*/
.main-r .power .bdtec-title { font-size: 20px;}
.main-r .power .bdtec-title02 { font-size: 16px; color: #1c1c1c; font-weight: bold;}
.bdtec-title span { color: #5f9fde;}
.bdtec-img01, .bdtec-img01 img { width: 600px; height: 364px;}
.bdtec-txt01 { width: 240px; height: 304px; padding-top: 60px;}
.bdtec-txt02 { width: 395px; padding-top: 40px;}
.bdtec-img02, .bdtec-img02 img { width: 414px; height: 335px;}

.wrapper p.f16 {font-size: 16px;}
.wrapper p.f20 {font-size: 20px;}
.wrapper p.f24 {font-size: 24px;}
.wrapper .fcolor01 {color: #5f9fde;}
.wrapper .fcolor02 {color: #000;}
.wrapper .fcolor03 {color: #333;}
.wrapper .fcolor04 {color: #2d60ad;}
.tCenter {text-align: center;}
.wrapper p.txtype01 {color: #000; font-size: 24px; line-height: 24px; font-weight: bold;}
.mb40 {margin-bottom: 40px;}
.mt70 {margin-top: 70px;}
.mr90 {margin-right: 90px;}